
<div id="TRtree"  style="width: 100px;height:100px;margin: 0 auto;">

  <div id="treeUp" >
    <div class=" content mCustomScrollbar" data-mcs-theme="dark" style="height: 100px;">
        hello world<br>
        hello world<br>
        hello world<br>
        hello world<br>
        hello world<br>
        hello world<br>
        hello world<br>
        hello world<br>
        hello world<br>
        hello world<br>
        hello world<br>
    </div>
  </div>
  </div>
<div style="height: 100px;"></div>
<div>

  使用方法：<br>
  1)引入jquery.mCustomScrollbar.css,<br>
  2)引入jquery.min.js,<br>
  3)引入jquery.mCustomScrollbar.concat.min.js,<br>
  4)在要显示滚动条的元素（元素内容中必须要有溢出的块，否则就不会出现滚动条）上面，加入class="content"，然后再加入以下代码：<br>
  5)
    <code>
      &ltscript&gt<br>
        (function($){<br>
          $(window).load(function(){<br>
            $(".content").mCustomScrollbar();<br>
          });<br>
        })(jQuery);<br>
      &lt/script&gt<br>
    </code>
  <strong>PS:在设置class="content"的div上要设置高度(height)，不然滚动条显示不出来</strong><br>
  <br>
  <br>
  <strong>更多信息请参考 <a href="http://manos.malihu.gr/jquery-custom-content-scroller/">http://manos.malihu.gr/jquery-custom-content-scroller/</a></strong><br>
  <strong>本系统使用页面：<a ui-sref="viewer.contouring02">勾靶界面</a></strong><br>
</div>
<script>
  (function($){
    $(window).on("load",function(){
      $(".content").mCustomScrollbar({
        axis:"yx" // vertical and horizontal scrollbar 默认  axis:"y"
      });
    });
  })(jQuery);
</script>

